<!doctype html>
<html>
<head>
<style>
  div{border: 1px solid #eeeeee; padding: 10px;}
  .divtitle{color: gray; margin-bottom: 10px; margin-top: 0px;}

  input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;}
  input[type='number']{-moz-appearance:textfield;}
  select{height:22px;}

  .result{height:20px; border:none; background:#eeeeee}
  .result:focus{outline:none;}
</style>
</head>

<body>
	<div>
		<p class="divtitle">count the ship</p>
		<form method=post action="">
			<input type="number" id="number1" style="width:50px;" placeholder="number1" >
		    <input type="number" id="number2" style="width:50px;" placeholder="number2" >
			<input type="text" id="text" style="width:70px;" >
			<select id="select" style="width:70px;">
				<option value="1">one</option>
				<option value="1">two</option>
			</select>
			<input type="button" value="button" >
			<input type="text" value="" placeholder="result" readonly class="result">
		</form>
	</div>
</body>
</html>